<template>
  <div class="footer">
    <el-row style="margin-top: 10dp">
      <el-col :span="8"> </el-col>
      <el-col :span="8"> </el-col>
      <el-col :span="8"> </el-col>
    </el-row>

<el-row>       
      <el-col :span="24">
        <ul :class="links" >
          <li>
            <el-button type="text">关于网站</el-button>
          </li>
          <li>
            <el-button type="text">联系我们</el-button>
          </li>
          <li>
            <el-button type="text">广告服务</el-button>
          </li>
          <li>
            <el-button type="text">展业合作</el-button>
          </li>
        </ul>
        <!-- <el-col :span="6">关于网站</el-col>
          <el-col :span="6">联系我们</el-col>
          <el-col :span="6">广告服务</el-col>
          <el-col :span="6">展业合作</el-col>
      </el-col> -->
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <ul :class="links">
          <li>
            <el-button type="text" disabled>友情链接:</el-button>
          </li>
          <li>
            <el-button type="text">文字按钮</el-button>
          </li>
          <li>
            <el-button type="text">文字按钮</el-button>
          </li>
          <li>
            <el-button type="text">文字按钮</el-button>
          </li>
          <li>
            <el-button type="text">文字按钮</el-button>
          </li>
        </ul>
      </el-col>
    </el-row>
    <el-button type="text" disabled>沪公网安备 3101150200xxxx号</el-button>
    
    
  </div>
</template>

<script>
export default {
  name: "Footer",
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
      links: "links",
    };
  },
};
</script>
 
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.links li {
  display: inline;
}

/* .footer {
  margin-top: 5dp i !important;
} */

.el-row {
  margin-bottom: 0px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
